import i18n from '@root/i18n';

// 当前i18n配置已支持语言自动切换，客户端下默认会跟随用户浏览器语言设置。例如，若用户浏览器语言为 zh-CN，则界面将显示为简体中文。
console.log('(client)：', i18n.t('welcome_game'));
console.log('(client)：', i18n.t('welcome_ap'));
console.log(
  '(client)：',
  i18n.t('navigator.language', { language: navigator.language })
);

// 玩家进入地图后，创建全屏黑色背景UI并显示白色粗体文本
function createFullScreenUI() {
  // 获取屏幕尺寸
  const screenWidthValue = screenWidth;
  const screenHeightValue = screenHeight;

  // 创建黑色背景的UI盒子
  const blackOverlay = UiBox.create();

  // 设置背景尺寸为全屏
  blackOverlay.size.offset.copy(Vec2.create({ x: 0, y: 0 }));
  blackOverlay.size.scale.copy(
    Vec2.create({ x: screenWidthValue, y: screenHeightValue })
  );

  // 设置位置
  blackOverlay.position.offset.copy(Vec2.create({ x: 0, y: 0 }));

  // 设置背景颜色为纯黑色
  blackOverlay.backgroundColor.copy(Vec3.create({ r: 0, g: 0, b: 0 }));

  // 设置不透明度
  blackOverlay.backgroundOpacity = 1;

  // 设置层级
  blackOverlay.zIndex = 1;

  // 创建白色文本
  const textUI = UiText.create();
  const fullText = '你好！';
  textUI.textContent = ''; // 初始为空

  textUI.textFontSize = 72;

  // 设置文本颜色为白色
  textUI.textColor.copy(Vec3.create({ r: 255, g: 255, b: 255 }));

  // 设置字体为粗体
  textUI.textFontFamily = UITextFontFamily.BoldRound;

  // 设置文本居中
  textUI.textXAlignment = 'Center';
  textUI.textYAlignment = 'Center';

  // 设置文本尺寸
  textUI.size.offset.copy(Vec2.create({ x: 0, y: 0 }));
  textUI.size.scale.copy(
    Vec2.create({ x: screenWidthValue, y: screenHeightValue })
  );

  // 将文本定位在屏幕中央
  textUI.position.offset.copy(
    Vec2.create({ x: screenWidthValue / 2, y: screenHeightValue / 2 })
  );
  textUI.anchor.copy(Vec2.create({ x: 0.5, y: 0.5 })); // 设置锚点在文本中心

  // 设置层级为3
  textUI.zIndex = 3;

  // 启用自动换行
  textUI.autoWordWrap = true;

  // 设置行高
  textUI.textLineHeight = 1.2;

  // 将文本添加到黑色背景中
  textUI.parent = blackOverlay;

  // 将黑色背景添加到UI根节点
  blackOverlay.parent = ui;

  // 实现打字机效果
  let currentIndex = 0;
  const typingInterval = setInterval(() => {
    if (currentIndex < fullText.length) {
      textUI.textContent += fullText.charAt(currentIndex);
      currentIndex++;
    } else {
      clearInterval(typingInterval);
    }
  }, 200); // 每200毫秒显示一个字符
}

// 监听屏幕尺寸变化事件来创建UI
screen.events.on('resize', (event) => {
  createFullScreenUI();
});

// 初始创建UI
createFullScreenUI();
